<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>

    <link rel="stylesheet" href="nav_style.css">
    <link rel="stylesheet" href="percen-check.css">
</head>
<body>
    <h1 style="text-align: center;">青岛旅游</h1>       
    <br>
    <h3 style="text-align: center;">青岛旅游网欢迎您</h3>
    <div class="nav">
        <ul class="ullist">
            <li class="libt">
                <a href="#">网站首页</a>
            </li>

            <li class="libt">
                <a href="#">景点</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">酒店</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">路线</a>
                <ul class="droplist">
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                    <li><a href="#">下拉1</a></li>
                </ul>
            </li>

            <li class="libt">
                <a href="#">搜索</a>
            </li>

            <li class="libt">
                <a href="#">个人中心</a>
            </li>

            <li class="libt">
                <a href="#">注册登录</a>
            </li>

            <li class="libt">
                <a href="#">关于我们</a>
            </li>
        </ul>
    </div> 
    <!-- 统一导航栏 -->

    <div class="div1">

        <h1>您的个人信息</h1>
        <br><br>

        <div class="b">
            用户名：<div></div>
            <input type="text" value="当前您的用户名">
        </div>

        性别: <div></div>
            <input type="radio" name="sex" checked>男
            <input type="radio" name="sex" >女
        
        
        <div class="b">
            出生日期 <div></div>
            <select id="year"></select>年
            <select id="month"></select>月
            <select id="day"></select>日
        </div>
        <div class="b">
            手机号：<div></div>
            <input type="text" value="12345678901">
        </div>
        
        <div class="b">
            电子邮箱： <div></div>
            <input type="text" value="123456789@360.com" >
        </div>

        <a href="percen-shouye.html"><button id="loginBtn">确定</button></a>
        <span>有错误？去修改</span>
        <a href="percen-input.html"><button id="loginBtn">修改</button></a>

    </div>

    <script type="text/javascript">
        
        var yearSelect = document.getElementById('year');  
        for(var i = 2005; i <= 2024; i++){  
        var option = document.createElement("option");  
        option.value = i;  
        option.text = i;  
        yearSelect.add(option);  
    }  
    
        var monthSelect = document.getElementById('month');  
        for(var i = 2; i <= 12; i++){  
        var option = document.createElement("option");  
        option.value = i;  
        option.text = i;  
        monthSelect.add(option);  
    }  
    
        var daySelect = document.getElementById('day');  
        for(var i = 21; i <= 31; i++){  
        var option = document.createElement("option");  
        option.value = i;  
        option.text = i;  
        daySelect.add(option);  
    }  
    </script>
</body>
</html>